<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!--  
        1. 选择器
            选择器名较长时, 中间用 - (减号) 分割, 不要用下划线
            原因1: 部分浏览器不支持下划线
            原因2: 容易与 Js 变量名冲突

        2. id选择器
            在js中id不允许重复, 不建议在css中出现相同的id名

        3. 选择器取名
            要有意义, 通俗易懂, 以提高代码的可读性

        
        常见命名: 参考相关资料
    -->
</body>
</html>